/* stylelint-disable declaration-block-no-shorthand-property-overrides */
/* stylelint-disable declaration-block-no-duplicate-properties */
/* stylelint-disable font-family-no-missing-generic-family-keyword */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable selector-class-pattern */
*,
*::before,
*::after {
  // position: relative;
  margin: 0;
  font-weight: normal;
  box-sizing: border-box;
  // user-select: none;
}

body {
  min-height: 100vh;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  color: var(--color-text);
  background: var(--color-background);
  transition: color 0.5s, background-color 0.5s;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: DIN;
  src: url('../assets/fonts/DIN.TTF') format('truetype');
  font-display: swap;
}

.din {
  font-family: DIN;
}

// :root {
//   //color-scheme: 可以自动修改原生元素的颜色
//   color-scheme: light dark;
// }

/* 滚动条 */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  // background-color: #081a2b;
  background-color: transparent;
}

/* 滑块 */
::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
  border-radius: 5px;
}

/* 鼠标移入滑块 */
::-webkit-scrollbar-thumb:hover {
  background-color: #e9eef7;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  // background-color: #081a2b;
  background-color: transparent;
}

::-webkit-scrollbar-corner {
  // background-color: #081a2b;
  background-color: transparent;
}

input:-internal-autofill-selected {
  transition: background-color 111111s ease-in-out 0s !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: color 11111s ease-out, background-color 111111s ease-out;
  transition: color 11111s ease-out, background-color 111111s ease-out;
  transition-delay: 111111s;
  transition-delay: 111111s;
}

input {
  background: transparent !important;
}
// 单个搜索框
.search-input-w {
  width: 13.75rem;
  height: 2rem;
}
// 列表页
.form-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;

  .right {
    display: flex;
    align-items: center;

    .ant-select {
      width: 8.75rem;
    }

    .ant-tree-select {
      width: 13.75rem;
    }

    .search-button-area {
      margin-left: 0.75rem;
    }
  }
}
// 搜索表单样式
.search-form {
  .ant-input-affix-wrapper,
  .ant-select,
  .ant-picker,
  .ant-select-selector {
    width: 13.75rem;
  }

  .button-area {
    display: inline;
    float: right;
  }
}

.common-tree {
  .ant-tree,
  .ant-tree-treenode {
    margin-bottom: 0;
  }

  .ant-tree-switcher_close {
    color: #ccc;
  }

  .ant-tree-switcher_open {
    color: #666;
  }

  .content-text {
    font-size: 0.875rem;
    color: #333;
  }

  .ant-tree-list-holder-inner > div:first-child {
    .content-text {
      font-size: 1rem;
      color: #000;
      font-weight: bold;
    }
  }

  .ant-tree-node-selected {
    background-color: #e9eef7 !important;
  }
}

.custom-modal {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  border-radius: 4px;
  box-shadow: 0 0 1.875rem 0 rgb(128 128 128 / 40%);
  font-weight: 400;

  .text-content {
    margin-bottom: 1.875rem;
  }

  .ant-form-item-control-input-content {
    flex: none;
  }

  .ant-input-affix-wrapper,
  .ant-select {
    // width: 17.5rem;
    width: 100%;
  }

  .ant-form-item-control-input-content {
    width: 23.25rem;
  }

  .ant-form-item-control-input {
    // width: 17.5rem;
    width: 100%;
  }

  .ant-modal {
    top: 0 !important;
  }

  .ant-modal-title {
    font-size: 1.125rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #000;
  }

  .ant-modal-close-icon {
    width: 0.875rem;
    height: 0.875rem;
    border: #7f7f7f;
  }

  .ant-modal-footer {
    bottom: 1.875rem;
    text-align: center;
  }

  .ant-modal-content,
  .ant-modal-header {
    border-bottom: 1px solid #d9d9d9 !important;
  }

  .ant-modal-header {
    padding: 18px 24px;
    margin-bottom: 20px;
  }

  .ant-modal-content,
  .ant-modal-footer {
    border-top: none !important;
  }

  .ant-modal-body {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ant-modal-content {
    padding-bottom: 1rem;
  }
}

.other-modal {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  border-radius: 4px;
  box-shadow: 0 0 1.875rem 0 rgb(128 128 128 / 40%);
  font-weight: 400;

  .text-content {
    margin-bottom: 1.875rem;
  }

  .ant-form-item-control-input-content {
    flex: none;
  }

  .ant-input-affix-wrapper,
  .ant-select {
    // width: 17.5rem;
    width: 100%;
  }

  .ant-form-item-control-input-content {
    // overflow-y: scroll;
    width: 100%;
    max-height: 20rem;
  }

  .scroll-type {
    .ant-form-item-control-input-content {
      overflow-y: scroll;
      // min-height: 20rem;
    }
  }

  .ant-form-item-control-input {
    // width: 17.5rem;
    width: 100%;
  }

  .ant-modal {
    top: 0 !important;
  }

  .ant-modal-title {
    font-size: 1.125rem;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    color: #000;
  }

  .ant-modal-close-icon {
    width: 0.875rem;
    height: 0.875rem;
    border: #7f7f7f;
  }

  .ant-modal-footer {
    bottom: 1.875rem;
    text-align: center;
  }

  .ant-modal-content,
  .ant-modal-header {
    border-bottom: 1px solid #d9d9d9 !important;
  }

  .ant-modal-header {
    padding: 18px 24px;
    margin-bottom: 20px;
  }

  .ant-modal-content,
  .ant-modal-footer {
    border-top: none !important;
  }

  .ant-modal-body {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ant-modal-content {
    padding-bottom: 1rem;
  }
}

.modal-280 {
  .remak-24 {
    .ant-form-item-control-input-content {
      width: 100%;
    }
  }

  .ant-form-item-control-input-content {
    width: 17.5rem;
  }
}

.content-title {
  margin-bottom: 1.875rem;
  font-size: 1.125rem;
  color: #000;
  font-weight: bold;
}

.text-button-area {
  display: flex;
  justify-content: left;
}

.opt-btn-area {
  display: flex;
  justify-content: flex-end;
}

.item-title {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #000;
  font-weight: bold;
}

.algorithm-setting {
  .ant-table-row-expand-icon {
    display: none;
  }

  .icon-up,
  .icon-down {
    color: #8a8a9d;

    &:hover {
      color: #527ecc;
    }
  }

  .icon-up {
    transform: rotate(-90deg);
  }

  .icon-down {
    transform: rotate(90deg);
  }
}

.page-footer-button {
  position: absolute;
  right: 1.25rem;
  bottom: 0;
  display: flex;
  align-items: center;
  width: calc(100% - 14.7rem);
  height: 3.75rem;
  background: @bg-color;
  box-shadow: 0 -5px 8px 0 rgb(204 204 204 / 40%);

  .ant-btn {
    width: 7.5rem !important;
  }

  .ant-btn-submit {
    margin-right: 1.25rem;
    margin-left: 3rem;
  }
}

.page-total-wrap {
  margin-bottom: 10px;
}

.row-urgent,
.row-urgent:hover,
.row-urgent .ant-table-cell-row-hover {
  background-color: #fff0ef !important;
}

.row-urgent {
  .ant-table-cell-fix-right {
    background-color: #fff0ef !important;
  }
}

.urgent-box {
  position: relative;
}

.urgent-text {
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 44px);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  vertical-align: bottom;
}

.urgent {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  padding-left: 1rem;
  color: #ff6f62;
  list-style: disc;
  vertical-align: middle;

  &::before {
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translate(0, -50%);
    display: inline-block;
    margin-right: 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
    background-color: #ff6f62;
    border-radius: 50%;
    content: '';
  }
}

.page-statistics-total {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  color: #707479;
  background: rgb(250 182 39 / 20%);
  border-radius: 4px;
}
